import { ref, watch, reactive } from "vue"
import request from '@/utils/request'
// import test from "../component/test.vue";
function userTreeListApi(dataRequest) {
    return request({
        url: '/system/user/userTree',
        method: 'POST',
        data: dataRequest
    })
}
export const tableItem = reactive({
    select: false,//多选框
    align: 'left',//对齐方式 全局
    column: [
        {
            label: '姓名',
            prop: 'name',
            labelIcon: true,//打开标签显示
            img: true,//图片显示
            elIcon: '',//需要显示的标签字段
            // component:'test',
            columnStyle: { 'flex-direction': 'column', }//表格列样式
        },
        {
            label: '测试',
            prop: 'test',
            labelIcon: true,//打开标签显示
            img: true,//图片显示
            elIcon: '',//需要显示的标签字段
            htmlContent: row => {
                return `<span>999${row.name||
                    ''}</span> `
            },
            // component:'test',
            columnStyle: { 'flex-direction': 'column', }//表格列样式
        },
        {
            label: '操作',
            prop: 'action',
        },
    ],
    pageInfo: {
        pagesClose: true,//是否关闭分页显示
        request: {
            "id": "",
            "name": "",
            "type": "",
            "pageDomain": {
                "pageNum": 1,//分页页面数 必须为数字
                "pageSize": 10,//分页页面数据大小  必须为数字
                "orderByColumn": "",//搜索参数
                "isAsc": "",//搜索参数
                "reasonable": ""//搜索参数
            }
        },
        url: '',//分页路由，不传的话需要传入自定义的分页函数paging 传入时定义的分页函数paging会失效
        method: 'POST',//分页请求方法，不传默认为POST
        // 分页函数paging
        paging: function () {
            tableItem.tableData['data'] = [
                {
                    name: 'nine',
                    test: '测试'
                },
            ]
            // userTreeListApi(tableItem.pageInfo.request).then(res => {
            //     tableItem.tableData.data = res.rows
            //     tableItem.tableData.total = res.total
            //     if (!tableItem.tableData.data && tableItem.tableData.data.length == 0) { return }
            // })
        }
    },
    // 分页数据 自定义分页函数paging时需要把值赋给tableData
    tableData: {
        total: 10,//分页总计
        // 分页数据
        data: []
    },
    // 操作栏按钮
    // btnArray: [
    //     {
    //         type: 'primary',//类别 摈弃了text
    //         label: '添加',
    //         plain: true,//镂空按钮  优先文字按钮
    //         text: true,//文字按钮
    //         show: true,
    //         // 按钮方法
    //         handle: function (row) {
    //             console.log('row', row)
    //         }
    //     },
    //     {
    //         label: '修改',
    //         type: 'primary',
    //         show: true,
    //         text: true
    //     }
    // ],
    // moreBtnArrayText: '自定义更多',//自定义更多标题 默认为更多
    // moreBtnArray: [{
    //     show: true,//
    //     type: 'primary',
    //     text: '搜索',
    //     handle: () => {
    //         console.log('moreBtnArray')
    //     }
    // },],
    // 选择框触发
    selectChange: function (row) {
        console.log(row)
    },
}
)


